<div style="text-align: center" [hidden]="!authenticated">
  <h1>
    WelCome: {{title}}!!!
  </h1>
  <button type="button" class="btn btn-primary" (click)="getOrder()">get orderinfo</button>
  <p>
    order id:{{ order.id }}
  </p>
  <p>
    product id:{{ order.productId }}
  </p>
  <p>
    username:{{order.username}}
  </p>
  <button type="button" class="btn btn-primary" (click)="logout()">Logout</button>
</div>

<!--<div class="row">-->
  <!--<div class="col-lg-4"></div>-->
  <!--<div class="col-lg-4">-->
    <!--<div [hidden]="authenticated">-->
      <!--<p>please login</p>-->
      <!--<form role="form" (submit)="login()">-->
        <!--<div class="form-group">-->
          <!--<label for="username">Username:</label>-->
          <!--<input type="text" class="form-control" id="username" name="username"-->
                 <!--[(ngModel)]="credentials.username"/>-->
        <!--</div>-->
        <!--<div class="form-group">-->
          <!--<label for="password">Password:</label>-->
          <!--<input type="password" id="password" class="form-control" name="password"-->
                 <!--[(ngModel)]="credentials.password"/>-->
        <!--</div>-->
        <!--<button type="submit" class="btn btn-primary">Login</button>-->
      <!--</form>-->
    <!--</div>-->
  <!--</div>-->
  <!--<div class="col-lg-4"></div>-->
<!--</div>-->

